.floatView{
    position: fixed;
    z-index: 999999;
    bottom: 90rpx;
    right: 30rpx;
    width: 133rpx;
    height: 300rpx;
    .edit{
       width: 133rpx;
       height: 133rpx; 
    }
   button::after {
      border: none;
    }

    .share{
        position: relative;
        width: 124rpx;
        height: 124rpx; 
        background: rgba(0,0,0,0);
        image{
           position: absolute;
           top: 0rpx;
           left: 0rpx;
           width: 124rpx;
           height: 124rpx; 
        }
    }
     
}
.swiper_header{
    position: relative;
    height: 500rpx;
    swiper{
        height: 500rpx;
    }
    .swiper_list{
        image{
            width: 100%;
            height: 500rpx;
            background:#f2f2f2;
        }
    }
    .icon_image{
        position: absolute;
        bottom: 30rpx ;
        left:30rpx;
        display: inline-block;
        background-color: rgba(0,0,0,0.6);
        color: #fff;
        font-size: 26rpx;
        height: 44rpx;
        padding: 0px 7rpx;
        // line-height: 44rpx;
        border-radius: 6rpx;
        image{
            width: 36rpx;
            vertical-align: middle;
            margin-right: 7rpx;
        }
        text{
            vertical-align: middle;
        }
    }
}

.header_content{
    padding: 36rpx 30rpx 40rpx 30rpx;
    .baoxian{
      margin-top: 20rpx;
      display: flex;
      font-size: 24rpx;
      position:relative;
      // text-align: center;
      .icon1{
        width: 32rpx;
        height: 32rpx;
        padding-top: 10rpx;
        line-height: 90rpx;
        position: absolute;
        left: 30rpx;
        top:19rpx;
      }
       .icon2{
        width: 32rpx;
        height: 30rpx;
        padding-top: 10rpx;
        line-height: 90rpx;
        position: absolute;
        right: 15rpx;
        top:19rpx;
      }
      view:nth-of-type(1){
        width: 690rpx;
        line-height: 90rpx;
        color: #ff5910;
        background: #fff3e3;
        position: relative;
        font-size: 24rpx;
        font-weight: bold;
       
        label{
            margin-left: 70rpx;
        }


      }
      view:nth-of-type(2){
        position: relative;
        margin-left: 20rpx;
        width: 337rpx;
        line-height: 90rpx;
        color: #22d226;
        background: #eef9e7;

      }
      text{
        font-size: 32rpx;
        float: right;
        font-weight: bold;
        margin-right: 10rpx;
      }
    }
    .title{
        font-size: 34rpx;
        line-height: 34rpx;
        color: #333;
        font-weight: bold; 
        position: relative;
        width: 620rpx;
        label{
            font-size: 26rpx;
            line-height: 26rpx;
            background:#FF780C;
            padding:0rpx 6rpx;
            color: #fff;
            font-weight: 400;

        }
    }
    .price{
        position: absolute;
        top: 0;
        right: -60rpx;
        display: inline-block;
        font-size: 50rpx;
        line-height: 34rpx;
        color: #ff5910;
        font-weight: 700;
        // margin: 15rpx 0px 0rpx 0px;
    }
    .mess{
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        view{
            &:nth-child(1){
                image{
                    width: 34rpx;
                    height: 28rpx;
                    margin-right: 7rpx;
                    vertical-align: middle;
                }
                text{
                    font-size: 28rpx;
                    line-height: 28rpx;
                    color: #a1a1a1;
                    vertical-align: middle;
                }
            }
             &:nth-child(2){
                font-size: 28rpx;
                line-height: 28rpx;
                color: #a1a1a1;
                display: flex;
                display: -webkit-flex;
                flex-direction: column;
                justify-content: center;
                opacity: 0;
            }
            &:nth-child(3){
                font-size: 28rpx;
                line-height: 28rpx;
                color: #a1a1a1;
                display: flex;
                display: -webkit-flex;
                flex-direction: column;
                justify-content: center;
                opacity: 0;
            }
           /* &:nth-child(3){
                width: 158rpx;
                height: 55rpx;
                line-height: 55rpx;
                border-radius: 28rpx;;
                text-align: center;
                background: -webkit-linear-gradient(left,#ff6a10, #ff9d03); 
                background: -o-linear-gradient(right,#ff6a10, #ff9d03); 
                background: -moz-linear-gradient(right,#ff6a10, #ff9d03);
                background: linear-gradient(right,#ff6a10, #ff9d03); 
                image{
                    width: 32rpx;
                    vertical-align: middle;
                    margin-right: 10rpx;
                }
                text{
                    font-size: 28rpx;
                    line-height: 28rpx;
                    color: #fff;
                }
            }*/
        }
    }
}
.basic_info{
    .tabbar{
        height: 90rpx;
        line-height: 90rpx;
        padding: 0px 30rpx;
        border-bottom: 2rpx solid #e8e8e8;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        text{
            font-size: 26rpx;
            color: #a1a1a1;
            &:nth-child(1){
                font-size: 34rpx;
                color: #333;
                 font-weight: bold;
            }
        }
    }
    .device_mess{
       
        padding: 20rpx 30rpx;
        .mess_item{
            float: left;
            width: calc(100%/3);
            text-align: left;
            margin-top: 10rpx;
            margin-bottom: 20rpx;
            // padding-left:30rpx;
            &:nth-child(3){
                .mess_tpye{
                    border: 0px;
                }
            }
            .mess_tpye{
                // border-right: 2rpx solid #e8e8e8;
                view{
                    &:nth-child(1){
                        font-size: 28rpx;
                        line-height: 28rpx;
                        color: #999;
                        margin-bottom: 20rpx;
                        overflow: hidden;white-space: nowrap;text-overflow: ellipsis;

                    }
                    &:nth-child(2){
                        font-size: 30rpx;
                        line-height: 30rpx;
                        color: #333;
                        overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
                    }
                }
            } 
        }
    }
}
.detail_desc{
    
    .tabbar{
        font-size: 34rpx;
        color: #333;
        height: 90rpx;
        line-height: 90rpx;
        padding-left: 30rpx;
        border-bottom: 2rpx solid #e8e8e8;
    }
    .desc_info{
        padding: 30rpx;
        line-height: 0px;
        text{
            font-size: 30rpx;
            line-height: 40rpx;
            color: #333;
            margin-bottom: 30rpx;
        }
        
        image{
            width: 100%;
            height: 200rpx;
            background:#f2f2f2;
            margin-bottom: 30rpx;
        }
    }
}
.fixed_height{
    height: 188rpx;
}
.fixed_bottom{
    position: fixed;
    width:690rpx;
    height:88rpx;
    margin: 0 auto;
    line-height: 88rpx;
    background:linear-gradient(-90deg,rgba(255,106,16,1),rgba(255,157,3,1));
    border-radius:12rpx;
    bottom: 10rpx;
    left: 0px;
    right: 0px;
    z-index: 100;
    text-align: center;
    color: #fff;
    image{
        position:absolute;
        width: 42rpx;
        height: 42rpx;
        top: 23rpx;
    }
    text{
        padding-left:46rpx;
    }
   
}

.text-note{
    border-bottom:20rpx solid #f2f2f2;
    padding: 30rpx 30rpx;

    >view:nth-of-type(1){
        position:relative;
        height: 100rpx;
       >view:nth-of-type(1){
        position: absolute;
        top: 0;
        left: 0;
        width: 100rpx;
        height: 100rpx;
        border-radius:50%;
        background:#f2f2f2;
        image{
            width: 100rpx;
            height: 100rpx;
            border-radius:50%;
        }
       }
       >view:nth-of-type(2){
         margin-left: 126rpx;
         label{
            display: block;
            line-height: 50rpx;
         }
         label:nth-of-type(1){
            font-size:32rpx;
            font-family:PingFang SC;
            font-weight:700;
            
            color:rgba(51,51,51,1);
         }
         label:nth-of-type(2){
            font-size:28rpx;
            font-family:PingFang SC;
            font-weight:400;
            color:rgba(153,153,153,1);
         }
       }
       >view:nth-of-type(3){
        width:172rpx;
        height:64rpx;
        background:rgba(255,100,16,1);
        border-radius:8rpx;
        text-align: center;
        position:absolute;
        line-height: 64rpx;
        right: 0;
        top: 0;
        color: #fff;
       }
    }
    >view:nth-of-type(2){
        margin-top: 30rpx;
       font-size:28rpx;
        font-family:PingFang SC;
        font-weight:400;
        color:rgba(102,102,102,1); 
    }
}
.goodsInfo{
    padding:30rpx 30rpx 0;
    .title{
        font-size:34rpx;
        font-family:PingFang SC;
        font-weight:600;
        color:rgba(51,51,51,1);
        line-height:36rpx;
    }
    .img{
        margin-top: 30rpx;
        width: 690rpx;
        height: 540rpx;
        background: url(http://qn.shebeib.com/jcxrenz.png) no-repeat;
        background-size:690rpx 540rpx;
    }
    .item{
        font-size:30rpx;
        font-family:PingFang SC;
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height: 98rpx;
        border-bottom:1rpx solid rgba(239,239,239,1);
        label{
            float: right;
            margin-right: 10rpx;
            font-size:26rpx;
            // line-height: 30rpx;
            font-family:PingFang SC;
            font-weight:400;
            color:rgba(153,153,153,1);
            position:relative;
            padding-right:40rpx;
            image{
                position:absolute;
                width: 30rpx;
                height: 30rpx;
                top: 34rpx;
                right: 0;
            }
        }
        text{
            float: right;
            color:rgba(153,153,153,1);
        }
    }
    .more{
        text-align: center;
        line-height: 101rpx;
        font-size:28rpx;
        font-family:PingFang SC;
        font-weight:400;
        color:rgba(255,89,16,1);

    }
}
.item-detail{
    padding:30rpx;
    >view:nth-of-type(1){
        font-size:32rpx; 
        font-family:PingFang SC;
        font-weight:600;
        color:rgba(51,51,51,1);
    }
    >view:nth-of-type(2){
        font-size:28rpx;
        font-family:PingFang SC;
        font-weight:400;
        color:rgba(102,102,102,1);

    }
    >view:nth-of-type(3){
        margin-top: 10rpx;
        display: flex;
        justify-content: flex-start;
         flex-wrap: wrap;
         image{
            margin-left: 10rpx;
            width: 220rpx;
            height: 220rpx;
            display: block;
            background:#f2f2f2;
            margin-top: 10rpx;
         }
        // label{
        //     margin-left: 10rpx;
        //     width: 220rpx;
        //     height: 220rpx;
        //     display: block;
        //     background:#f2f2f2;
        //     margin-top: 10rpx;
        //     image{
        //         width: 220rpx;
        //         height: 220rpx;
        //     }
        // }
    }
}

.msg-content{
    padding:30rpx 30rpx 0;
    
    view:nth-of-type(1){
       text-align: center;
        font-size:32rpx;
        font-family:PingFang SC;
        font-weight:600;
        color:rgba(51,51,51,1);
        label{
            color: #FF6410;
        }
    }
    view:nth-of-type(2){
        margin-top: 30rpx;
       background:rgba(255,250,241,1);
       border:2rpx solid rgba(250,227,187,1);
       text-align: left;
       font-size:30rpx;
        font-family:PingFang SC;
        font-weight:400;
        color:rgba(51,51,51,1);
        padding:34rpx;
    }
}
 .boldText{
        font-weight: 700;
    }